*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    color: #444;
    font-family: Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif;
}

.h1{

}
.h2{

}
a{
    color:inherit;
    text-decoration: none;
}
.zzx-section{
    padding: 10px;
    background: #eee;
    margin-bottom: 80px;
    box-shadow: 0 0 4px 2px #eee;
}

.p-part{
    margin-bottom: 14px;
}
.p-part .p-title{
    font-size: 24px;
    font-weight: bold;
}

/* demo-show-part 效果展示how？ */
/* demo-answer-part 效果代码 答案*/
.demo-show-part{
    padding: 10px;
    border:2px dashed #a9a9a9;
    margin-bottom: 20px;
}
.demo-answer-part{
    margin-bottom: 50px;
}
.fb{
    font-weight: bold;
    font-size: 22px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-60{
    margin-bottom: 60px;
}
.inl{
    display:inline !important;
}

.jumbotron{
    padding: 12px;
    /* background: #eee; */
    border-radius: 10px;
}
.jumbotron h2{
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.jumbotron p{
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 200;
}
.tags{
    color: #f56c6c;
}

.page>h1{
    margin-top: 40px;
    margin-bottom: 14px;
}
.space{
    width:20px;
    height: 1px;
    display: inline-block;
}